<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>X Y coordinates example</title>
  <style>
    div {
      margin-bottom: 10px;
    }

    label {
      display: inline-block;
      width: 70px;
      text-align: right;
      padding-right: 10px;
    }
  </style>
  </head>
<body>
  <form>
    <p>Choose your favourite color</p>
    <div>
      <input id="image" type="image" src="colors.png" alt="image of four colored squares">
    </div>
  </form>
</body>

</html>
